<template>
	<view>
		<view class="photo_list">
			<view class="photo_details">
				<image src="" mode=""></image>
				<text>张逸撒</text>
			</view>
			<view class="photo_details">
				<image src="" mode=""></image>
				<text>张逸撒</text>
			</view>
			<view class="photo_details">
				<image src="" mode=""></image>
				<text>张逸撒</text>
			</view>
			<view class="photo_details">
				<image src="" mode=""></image>
				<text>张逸撒</text>
			</view>
			<view class="photo_details">
				<image src="" mode=""></image>
				<text>张逸撒</text>
			</view>
			<view class="photo_details">
				<image src="" mode=""></image>
				<text>张逸撒</text>
			</view>
			<view class="photo_details">
				<image src="" mode=""></image>
				<text>张逸撒</text>
			</view>
			<view class="photo_details">
				<image src="" mode=""></image>
				<text>张逸撒</text>
			</view>
			<view class="photo_details">
				<image src="" mode=""></image>
				<text>张逸撒</text>
			</view>
			<view class="photo_details">
				<image src="" mode=""></image>
			</view>
		</view>
		<uni-list class="three">
			<uni-list-item title="群聊名称" link to="group_name" rightText="张三丰的群聊"></uni-list-item>
			<uni-list-item title="群公告"  link to="announcement" rightText="未设置"></uni-list-item>
			<uni-list-item title="我在本群的昵称"link to="" rightText="山东榴弹制烟花研发制造集团"></uni-list-item>
		</uni-list>
		<uni-list>
			<uni-list-item :show-switch="true" title="置顶聊天" @switchChange="switchChange" :switch-checked="true" style="color: #FCDA22;"/>
		</uni-list>
		<uni-list class="tousu">
			<uni-list-item title="投诉" to=""></uni-list-item>
		</uni-list>
		<view class="btn">清空聊天记录</view>
		<view class="btn">删除并退出</view>
	</view>
</template>

<script>
</script>

<style>
	page {
		background: #F5F5F5;
	}

	.photo_list {
		width: 750rpx;
		height: 376rpx;
		padding-left: 25rpx;
		padding-right: 25rpx;
		background: #FFFFFF;
		margin-top: 1rpx;
	}

	.photo_details {
		width: 137rpx;
		height: 181rpx;
		float: left;
	}

	.photo_details image {
		display: block;
		width: 90rpx;
		height: 90rpx;
		margin-top: 32rpx;
		margin-left: 23rpx;
		background: #EEEEEE;
		border-radius: 50%;
	}

	.photo_details text {
		font-size: 21rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #ACACAC;
		opacity: 1;
		display: block;
		text-align: center;
		margin-top: 12rpx;
	}
	.three,.uni-list{
		margin-top: 25rpx;
	}
	.tousu{
		margin-bottom: 25rpx;
	}
	.btn{
		width: 750rpx;
		height: 101rpx;
		background: #FFFFFF;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #EB3E3E;
		opacity: 1;
		text-align: center;
		line-height: 101rpx;
		margin-top: 1rpx;
	}
</style>
